<template>
	<div class="nav">
		<span class="title" v-if=" isTitle =='default' " >{{title}}</span>
		<slot name='home'></slot>
	</div>
</template>

<script>
	import Vue from "vue";
	export default{
		props:{
			title:String,
			isTitle:{
				type:String,
				default:'default'
			}
		},
		
		mounted(){
//			console.log(this.isTitle)
		}
	}
</script>

<style lang='less' scoped>
	.nav{
		width: 100%;
		height: 130px;
		background:@default-blue;
		box-shadow: 0px 0px 8px 1px #999;
	}
	.title{
		display: inline-block;
		color: #fff;
		font-size: 34px;
		width: 100%;
		text-align: center;
		height: 90px;
		margin-top: 40px;
		line-height: 90px;
	}
</style>